@charset "utf-8";


*{ margin: 0; padding: 0; -webkit-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
html,body{ min-height:100% ; width: 100%; margin: 0 auto; color: #666;  }
body{ position: relative; background: #fff ; font-size: 14px; margin: auto; font-family: "微软雅黑"  ; overflow-x: hidden;  -webkit-font-smoothing: antialiased;
}

a{ color: #666; text-decoration: none;}
	
a:hover,
a:focus{ text-decoration: none;}
i,em{font-style: normal; }
ul{ margin: 0; padding: 0;}
li{ list-style: none;}
img{ max-width: 100%; border: none;}
/*body{ -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none;  -khtml-user-select:none; user-select:none;}
html{-webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none; -khtml-user-select:none;  }*/
input,select,textarea{ outline: none;}


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */ color:#fff;}
input::-moz-placeholder , textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#fff;}
input::-ms-placeholder ,textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#fff; }
input::-o-placeholder { /* Mozilla Firefox 19+ */ color:#fff; }
input::-ms-input-placeholder, textarea:-ms-input-placeholder  { /* Internet Explorer 10+ */ color:#fff;}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}




/* fonts特殊字体 */
@font-face {
    font-family: 'dincond-regular-webfont';
    src: url('../fonts/dincond-regular-webfont.eot');
    src: url('../fonts/dincond-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dincond-regular-webfont.woff2') format('woff2'),
    url('../fonts/dincond-regular-webfont.woff') format('woff'),
    url('../fonts/dincond-regular-webfont.ttf') format('truetype'),
    url('../fonts/dincond-regular-webfont.svg#dincond-regular-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-medium-webfont';
    src: url('../fonts/dincond-medium-webfont.eot');
	src: url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-medium-webfont.woff2') format('woff2'),
	url('../fonts/dincond-medium-webfont.woff') format('woff'),
	url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
	url('../fonts/dincond-medium-webfont.svg#dincond-medium-webfont') format('svg');
}


@font-face {
    font-family: 'dincond-bold-webfont';
    src: url('../fonts/dincond-bold-webfont.eot');
	src: url('../fonts/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-bold-webfont.woff2') format('woff2'),
	url('../fonts/dincond-bold-webfont.woff') format('woff'),
	url('../fonts/dincond-bold-webfont.ttf') format('truetype'),
	url('../fonts/dincond-bold-webfont.svg#dincond-bold-webfont') format('svg');
}


@font-face {
    font-family: 'din-bold-webfont';
    src: url('../fonts/din-bold-webfont.eot');
	src: url('../fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-bold-webfont.woff2') format('woff2'),
	url('../fonts/din-bold-webfont.woff') format('woff'),
	url('../fonts/din-bold-webfont.ttf') format('truetype'),
	url('../fonts/din-bold-webfont.svg#din-bold-webfont') format('svg');
}

@font-face {
    font-family: 'din-light-webfont';
    src: url('../fonts/din-light-webfont.eot');
	src: url('../fonts/din-light-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-light-webfont.woff2') format('woff2'),
	url('../fonts/din-light-webfont.woff') format('woff'),
	url('../fonts/din-light-webfont.ttf') format('truetype'),
	url('../fonts/din-light-webfont.svg#din-light-webfont') format('svg');
}

@font-face {
    font-family: 'din-medium-webfont';
    src: url('../fonts/din-medium-webfont.eot');
	src: url('../fonts/din-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-medium-webfont.woff2') format('woff2'),
	url('../fonts/din-medium-webfont.woff') format('woff'),
	url('../fonts/din-medium-webfont.ttf') format('truetype'),
	url('../fonts/din-medium-webfont.svg#din-medium-webfont') format('svg');
}







.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both;}
.clearfix:after{ content: ''; display: block; clear: both; width: 0px; height: 0px; overflow: hidden;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0); background:none; outline: none;}
img{vertical-align: middle;  max-width:100%; border:none;-webkit-tap-highlight-color:rgba(255,0,0,0); blr:expression(this.onFocus=this.blur());}

.wrapper{  width: 1200px; margin: auto;}


.bgwhite{ background: #fff;}

.scale .img{ overflow: hidden;}
.scale img{ width: 100%; height: 100%; transition: 1s;}
.scale:hover img{ transform: scale(1.03);}
.fushu{ position: relative; transition: all .2s linear; }
.fushu:hover{  transform: translate3d(0, -2px, 0);   }







/******header*********/



.top{ position: relative; width: 100%; height: 100px;  z-index: 5;   box-sizing: border-box; padding: 0 3%;}
.logo{ width: 17.5%; height: 75px; line-height: 100px;}
.menu { position: relative; width: 77%; }

.nav{ position: relative; z-index: 555; width: 70%}
.nav li{ position: relative; float: left; margin: 0 0.8vw; transition: 450ms;}
.nav li>a{ display:block; height: 100px; min-width: 58px; text-align: center; line-height: 100px; font-size: 16px; color: #222;}
.nav li dl{ display: none;  position: absolute; width: 412px; left: 0; top: 100px; padding: 25px 0 0; transition: 0s; z-index: 56;}
.nav li dt{ float: left; width: 210px; border-right: 1px solid #e1e2e4;}
.nav li dt a{ float: left;   height: 30px; line-height: 30px; margin-right: 35px; text-align: left;  color: #222; min-width: 60px;}
.nav li dt a:hover{  color: #016bfc; }
.nav li dd{ float: right;}
.nav-bg{  display: none; position: absolute; left: 0;  top: 100px; width: 100%; height: 150px; background: rgba(255,255,255,0.9);  z-index: 55; transition: 0s;}

.nav li:after,
.nav li:after{ content: ''; position: absolute; left: 0; right: 0; bottom: 0px; width: 0; height: 3px; background: #016bfc;  margin: auto;  transition: 450ms; overflow: hidden;}
.nav li.active>a,
.nav li:hover>a{ color: #016bfc; font-weight: bold;}
.nav li.active:after,
.nav li:hover:after{ width: 58px;}



.secrf{ margin-top: 32px; width: 320px; }
.search {  border-radius: 30px; background: rgba(132,132,132,0.5) url(../images/sec.png) no-repeat left 14px center; height: 18px; padding: 9px 5px 9px 42px; margin-left: 3%; line-height: 18px; cursor: pointer;}
.search input{ width: 55px;  height: 18px; background: none; color: #fff; border: none; padding-left: 10px; box-sizing: border-box; border-left: 1px solid #fff; }
.search input[type=button]{ display: none;}
.search.on{ background-color: #016bfc; }
.search.on input{ width: 80px;}

.t-phone{position: relative; padding-left: 60px; background: url(../images/phone.png) no-repeat left 18px center; height: 36rpx;}
.t-phone:after{ position: absolute; left: 0; top: 10px; background: #e6e5e5; width: 1px; height: 18px; content: '';}
.t-phone p{color: #222; line-height: 16px;}
.t-phone span{ display: block; font-size: 16px; color: rgba(34,34,34,0.6); line-height: 20px;}
.t-phone:hover{ background-image:url(../images/phone1.png) ;}




.video{ display: block; width: 630px; height: 355px; position: fixed;  right: 60px; top: 40%; z-index: 999; transition: 0s;}
.video .close{  text-align: right; padding: 10px 20px;  background: rgba(31,31,31,1); cursor: pointer;}
.video .close img{  width: 17px; height: 16px}








/* banner*/
.banner{ position: relative; }
.banner,.banner .flexslider,.banner .slides li{ width: 100%; }
.banner .slides li a{ display: block; width: 100%; height: 100%;}
.banner .flexslider{position:relative;overflow:hidden; z-index:1;}
.banner .slides{position:relative;z-index:1;}

/* 圆点切换 */
.banner .flex-control-nav{ position: absolute; bottom: 28px; z-index: 11111; padding-left: 0; width: 1200px; left: 0; right: 0; height: 19px; line-height: 19px; margin: 0 auto;  text-align: center;  }
.banner .flex-control-nav li{ width:16px; height:19px; margin:0 6px;display:inline; zoom:1; text-align:center; overflow:hidden;}
.banner .flex-control-nav a{display:inline-block;width:16px;height:19px; line-height:80px;cursor:pointer; color:#fff; font-family:simhei; overflow:hidden; background:url(../images/bang.png) no-repeat center; border-radius: 50%;}
.banner .flex-control-nav .flex-active{ background-image:url(../images/bang1.png); }
/* 左右按钮切换 */
/*.banner .flex-direction-nav a{width:34px;height:61px;line-height:99em;overflow:hidden;display:block;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:1;filter:alpha(opacity=1);-webkit-transition:all .3s ease; outline: none; margin-top: -16px; z-index: 99; }
.banner .flex-direction-nav .flex-next{ width: 34px;  height: 61px;  background:url(../images/ban_right.png) no-repeat center; right: 16%;
opacity:1; filter:alpha(opacity=10); }
.banner .flex-direction-nav .flex-prev{ width: 34px;  height: 61px;  background:url(../images/ban_rigle.png) no-repeat center; left: 16%;
opacity:1; filter:alpha(opacity=10)}
.banner .flex-direction-nav .flex-next:hover{background:url(../images/ban_right1.png) no-repeat center;}
.banner .flex-direction-nav .flex-prev:hover{background:url(../images/ban_rigle1.png) no-repeat center;}*/


.nbanner{ position: relative; width: 100%;overflow: hidden;}
.nbanner .imgg{ height: 100%; width: 100%; }
.nbanner dl{ position: absolute; width: 500px; left: 0; top: 195px; text-align: center; right: 0;  margin: auto; color: #fff;}
.nbanner dt{ font-size: 50px; font-family: "微软雅黑 Light"; height: 60px; line-height: 60px;}
.nbanner i{ display: inline-block; width: 40px; height: 1px; background: #fff; margin: 0 20px; vertical-align: middle;}
.nbanner dd{ text-transform: uppercase; font-size: 14px; font-family: simhei; letter-spacing: 15px; padding-left: 15px; margin-top: 10px;}



.footer{padding: 2.8% 3% 2.5%; background: #343c5e;}
.fotle{ width: 20%; margin-right: 3.4%;}

.fomid{ width: 50%; box-sizing: border-box; border-left:1px dashed rgba(255,255,255,0.1); border-right:1px dashed rgba(255,255,255,0.1); }
.fomid li{ float: left; margin-left: 3.5%; text-align: center;}
.fomid li>a{ color: #fff; cursor: pointer;}
.alink{ margin-top: 12px;}
.alink a{ display: block; font-size: 12px; color: rgba(255,255,255,0.5); line-height: 22px;cursor: pointer;
	width: 70px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
/* .fomid li:last-child{ float: right; margin-right: 7.4%; margin-top: 38px;} */
.alink a:hover{ color: #fff;}

.fotht{ width: 23%; color: rgba(255,255,255,0.8); font-size: 12px;}
.fotht p{ margin-bottom: 15px;}
.fotht .addlink{ border-top: 1px dashed rgba(255,255,255,0.1); margin-top: 30px; padding-top: 30px;}
.fotht .addlink a{ display: inline-block; width: 36px; height: 42px; background: url(../images/shrebg1.png) no-repeat center; text-align: center; line-height: 38px; margin-right: 12px; cursor: pointer;}
.fotht .addlink img{ width: 16px; height: 18px;}
.fotht .addlink a:hover{ background-image: url(../images/shrebg2.png);}


.bqlink{ position: relative; background: #292e42; padding:25px 3%; color:  rgba(255,255,255,0.8);}
.bqleft { width: 30%;}
.bqleft a{ margin-right: 3px; margin-top: 10px; display: inline-block;}
.bqmid{ position: absolute; width: 330px; top: 38px; right: 0; left: 0; margin: auto;  text-align: center; font-size: 12px; }
.bqmid a{ font-size: 12px; color: rgba(255,255,255,0.5); margin-top: 5px; display: inline-block; }
.bqht{ width: 23%; line-height: 15px; font-size: 12px; color:  rgba(255,255,255,0.8);padding-top: 17px;}
.bqht p{ margin-bottom: 5px;}
.bqht span{ display: inline-block; width: 15px;margin-right: 9px;}
/* foot over */









.iabout{ padding: 3% 4%;   }
.ab-detail{ width: 50%; padding: 3%; background: #fff; box-shadow: 0 0 15px #ddd; box-sizing: border-box;}
.abtitle{ position: relative;height: 20px; padding-bottom: 23px; border-bottom: 1px solid #eee; margin-bottom: 30px;}
.abtitle:after{ position: absolute; left: 0; bottom: -1px; width: 34px; height: 3px; background: #0070fe; content: '';}
.abtitle p{ font-size: 20px; font-weight: bold; color: #222222;}
.abtitle span{ font-size: 14px; color: #b2b2b2; text-transform: uppercase; margin-top: 10px;}
.cont{ line-height: 28px; color: #444444; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }


.inewlist{ width: 50%; }
.nleft{ width: 39.5%; }
.newdeta{ width: 60.5%;  position: relative;}
.newdeta .tx{ position: absolute; left: 47px; top: 12%;}
.newdeta .tx dt{ font-size: 32px; font-weight: bold; color: #016efe; margin-bottom: 10px;}
.newdeta .tx dd{ font-size: 16px; color: #555555; line-height: 24px; width: 180px;}

.newdeta .tx i{ width: 31px; height: 31px; margin-top: 60%; display: block;}



.proind{}
.prleft,
.prright{ position: relative; width: 50%; }
.prleft:after,
.prright:after{ content: ''; position: absolute; left: 0; top: 0; z-index: 1; background: rgba(38,47,87,0.4); width: 100%; height: 100%; transition: 300ms;}
.prright:after{ background: rgba(3,109,255,0.4);}
.proind .txt{ position: absolute; z-index: 2;  top: 20%;  width: 352px;  color: #Fff;}
.proind .txt div{ font-size: 36px; font-weight: bold; color: rgba(255,255,255,0.5); line-height: 36px; text-transform: uppercase; white-space: normal; font-family: 'dincond-medium-webfont';}
.proind .txt span{ font-size: 30px;}
.proind .txt p{ line-height: 26px; margin-top: 35px;}
.prleft .txt{  left: 60px; }
.prright .txt{ left: 110px;width: 352px;}

.prleft:hover:after{ background: rgba(3,109,255,0.4); }
.prright:hover:after{background: rgba(38,47,87,0.4); }


.item{ padding: 3%; height: 46.5vh; }
.item .tem{ position: relative; cursor: pointer;}
.item .tem .txt{position: absolute; top: 0; left: 0; background: rgba(0,112,255,0.5);  width: 100%; height: 100%; }
.tabce{ position: absolute;width: 100%;text-align: center;top: 50%; color: #Fff;
-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.tabce div{ font-size: 40px; font-weight: bold; line-height: 50px;}
.tabce p{ margin:3% auto 0; font-size: 20px; line-height: 36px; color: rgba(255,255,255,0.5);}

.item .temle{ width: 43.5%; height: 100%;  overflow: hidden;}
.item .temle img{ width: 100%; height: 100%;}
.item .temmd{ width: 18.33%; height: 100%;  margin-left: 1%;}
.item .temmd .mid-box{ height: 48%; overflow: hidden;}
.item .temmd .mid-box:last-child{ margin-top: 6%;}
.item .temhr{ width: 36.1%;  height: 100%;  overflow: hidden;}
.item .temhr img{ width: 100%;  height: 100%;}




.notice{ padding: 0 3% 3%;}
.onleft{ width: 57.2%; box-sizing: border-box;  padding-right: 50px; border-right: 1px solid #e5e6e7;}
.onimg{ width: 43%;}
.onhrr{ position: relative; width: 54%;}
.onhrr .abtitle p{ font-weight: normal;}
.onhrr .name{ font-size: 16px; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.onhrr .time{ font-size: 12px; color: #999; margin-top: 5px; margin-bottom: 4%;}
.onhrr .text{ color: #777777;line-height: 24px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.onhrr a{ position: absolute; padding-right: 50px; bottom: 0; left: 0;  background: url(../images/more1.png) no-repeat center right ;}
.onhrr a img{ width: 38px; height: 4px; margin-left: 5px; display: none; }
.onhrr a:hover{color: #0070fe; background-image: url(../images/more.png); }


.onright{width: 40%; }
.onright li{ padding: 2.22% 0; border-bottom: 1px dashed #c7c6c7; cursor: pointer;}
.onright li:last-child{ border: none;}
.onright li p{ float: left; font-size: 16px; color: #222; width: 70%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.onright li span{ float: right; font-size: 12px; color: rgba(34,34,34,0.5);}

.onright li:hover p{ color: #026df5;}




@media screen and (max-width: 1680px) {
	.menu{ width: 79.5%;}
	.nav{ width: 73%;}
	.nav li{ margin: 0 0.7vw;}
	.nav li:last-child{ margin-right: 0;}
	.secrf{ width: 310px;}
	.t-phone{ padding-left: 53px;     background: url(../images/phone.png) no-repeat left 13px center;}
	
	.newdeta .tx i{ margin-top: 50%}
	
	.tabce div{ font-size: 36px;}
	.tabce p{ font-size: 18px; line-height: 32px;}
	
	.fotle{ width: 15%;}
	.fomid{ width: 57%;}
	.fotht{ width: 21%;}
	
	.onright li{ padding: 2% 0;}
	
	.bqmid{ top: 58px;}
	.bqht{ padding-top: 35px; }

}

@media screen and (max-width: 1600px) {
	/* .fomid li:last-child{ margin-right: 5%;} */
}


@media screen and (max-width: 1455px) {
	.nav{ width: 84%;}
	.nav li{ margin: 0 0.8vw;}
	.secrf{ width: 140px; }
	.t-phone{ display: none;}	
	
	.cont{ -webkit-line-clamp: 4; }
	.newdeta .tx dt{ font-size: 28px;}
	.newdeta .tx i{ margin-top: 35%}
	
	.proind .txt p{ margin-top: 20px;}
	
	.onright li{ padding: 1.8% 0;}
	
	.tabce div{ font-size: 34px;}
	.tabce p{ font-size: 16px; line-height: 28px;}
	
	.abtitle{ margin-bottom: 20px; padding-bottom: 18px;}
	.onhrr .time{ margin-bottom: 2%;}
	
	.fomid li{ margin-left: 2.5%;}
	
	.bqmid{ top: 70px;}
	.bqht{ padding-top: 45px; }
}

@media screen and (max-width: 1366px) {
	.nav{ width: 85%;}
	.nav li{ margin: 0 0.55vw;}
	.secrf{ width: 140px; }
	.t-phone{ display: none;}	
	
	.proind .txt p{ margin-top: 20px;}
	
	.tabce div{ font-size: 28px;}
	.tabce p{ font-size: 16px; line-height: 28px;}
	
	.fomid li{ margin-left: 1.5%;}
	
	.onright li{ padding: 1.4% 0;}
}


@media screen and (max-width: 1280px) {
	.nav{ width: 100%;}
	.nav li{ margin: 0 15px;}
	.secrf{ display: none; }
	.t-phone{ display: none;}	
	
	.proind .txt p{ margin-top: 20px;}
	.onhrr .text{ white-space: nowrap; text-overflow: ellipsis; display: block;}
	
	.tabce div{ font-size: 24px;}
	
	.fotle{ display: none;}
	.fomid{ width: 75%;}
	.fomid li{ margin-left: 1.5%;}
	/* .fomid li:last-child{ margin-top: 0; margin-right: 0; float: left;} */
}














.letit{  line-height: 60px; height: 60px; border-bottom: 1px solid #e4e4e4; background: url(../images/titbg.jpg) no-repeat center top;}
.letit li{ float: left; margin-right: 55px;}
.letit li a{ display: block; height: 58px; line-height: 60px;  border-bottom: 2px solid #f4f5f7; font-size: 16px; color: #222;  cursor: pointer; transition: 450ms;}
.letit li.active a,
.letit li:hover a{ font-weight: bold; color: #0070fe; border-bottom: 2px solid #0070fe;} 

.titright{ color: #797979; max-width:300px;height:50px;overflow:hidden;}
.titright a{ color: #797979;  cursor: pointer;}


.newdetails{ padding-bottom: 56px; }
.newdetails .name{ text-align: center; font-size: 24px; margin-top: 75px; color: #222;}
.newdetails .time{ text-align: center; margin: 22px 0 28px;}
.newdetails .time span{ display: inline-block; margin: 0 20px; font-size: 12px; color: rgba(34,34,34,0.7);}

.newdetails .conts{ line-height: 26px; color: #444; margin-bottom: 35px;}

.apage a{ font-size: 12px; color: #222222; cursor: pointer;}
.apage a p{ color: #797979; margin-top: 5px;}
.apage .fr{ text-align: right;}

.apage a:hover p{ color: #0070FE;}


.newlist{ margin-top: 80px;}
.newlist li{ background: #fff;  margin-bottom: 22px; position: relative;}
.newlist li:after{ content: ''; position: absolute; left: 360px; top: 18px; width: 3px; height: 40px; background: #0070FE;}
.newlist li .img{ width: 360px; height: 245px; }
.newlist li .txt{ width: 840px; height: 245px; box-sizing: border-box; padding: 37px 65px 0 45px; border: 1px solid #ececec; border-left: none; }
.newlist li h4{ font-size: 18px; color: #222;  }
.newlist li .span{ display: block; font-size: 12px; color: rgba(34,34,34,0.7); margin: 13px 0 25px;}
.newlist li p{ line-height: 26px; height: 52px; overflow: hidden; margin-bottom: 23px; }
.newlist li i{ background: url(../images/more.png) no-repeat right center; padding-right: 46px; color: #0070fe; font-size: 12px;}
.newlist li:hover h4{ color: #0070fe;}


/* page  */
.m-page{ text-align: center;  line-height: 32px; font-family: simhei; margin-top: 45px; padding-bottom: 55px;}
.m-page a{  display: inline-block; width: 32px; height: 32px; border: 1px solid #929292;  margin: 0 3px; box-sizing: border-box;  vertical-align: middle; color: #444; border-radius: 2px;}
.m-page a.z-crt{ background: #0070fe; border-color: #0070fe; color: #fff;}
.m-page a.pagenxt,
.m-page a.pageprv{ border: none; width: 50px; font-size: 12px; color: #666666;}



/* 公告 */
.gglist,
.zplist{ margin-top: 55px;}
.gglist li{ padding: 0 35px; height: 52px; line-height: 50px; border: 1px dashed transparent; border-bottom: 1px dashed #dcdedf; box-sizing: border-box;  
 background-repeat: no-repeat; background-position: left 34px center ;}
.gglist li p{ float: left; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333;}
.gglist li i{ float: right; font-size: 12px; color: rgba(34,34,34,0.7); }
.gglist li:hover{ background: #fff; padding-left: 60px; background:#fff url(../images/bang1.png) no-repeat  left 34px center; border:1px solid #ececec;}
.gglist li:hover p{ color: #0070fe; font-weight: bold;}



/* 招聘*/
.zplist{ }
.fltab{ text-align: center; background: #Fff; height: 60px; border: 1px solid #ececec; line-height: 60px; margin-bottom: 12px;}
.fltab ul{ display: inline-block;}
.fltab li{ float: left; padding: 0 35px; position: relative; text-align: center;}
.fltab li:after{ position: absolute; right: 0; top: 26px; height: 8px; width: 1px; background: #cdcdcd; content: '';}
.fltab li:last-child:after{ display: none;}
.fltab span{ display: inline-block; height: 33px; line-height: 33px;  color: #222; padding:0 10px; border-radius: 2px; cursor: pointer;}
.fltab li.active span,
.fltab li:hover span{ color: #Fff; background: #0070FE;}

.zcenlist{ display: none; transition: 0s;}
.zcenlist li{position: relative; margin-bottom: 16px; background: #fff; padding: 37px 40px; border: 1px solid #ececec;  line-height: 22px;}
.zcenlist li .name{ font-size: 18px; font-weight: bold; color: #222; margin-bottom: 10px;}
.zcenlist li .name span{ display: inline-block; line-height: 22px; vertical-align: middle;}
.zcenlist li .name i{ display: inline-block; border: 1px solid #0070fe; border-radius: 2px; padding: 0 8px; height: 20px; line-height: 20px; font-size: 12px; color: #0070fe; margin-left: 12px; font-weight: normal;}
 .zcenlist li .name i.org{ color: #fe8900; border-color: #fe8900;} 
 .zcenlist li .name i.red{ color: #fa1d28; border-color: #fa1d28;} 
.zcenlist li .detail{ color: #666; font-size: 10px; vertical-align: middle; line-height: 22px;}
.zcenlist li .detail span{ display: inline-block; font-size: 14px; vertical-align: middle; margin:0 30px;}
.zcenlist li .detail span:first-child{ margin-left: 0;}
.zcenlist li .zz{ color: #222; margin-top: 13px; margin-bottom: 3px;}
.zcenlist li p{ color: #666; margin-bottom: 5px; max-width: 870px;}
.zcenlist li .em{ position: absolute; top: 0; bottom: 0; margin: auto; right: 40px; width: 90px;  height: 33px;}
.zcenlist li .em i{ display: block;  text-align: center; height: 33px; line-height: 33px ;border-radius: 2px; background: #0070FE; color: #fff;}


/* 招聘详情 */
.jldateil{ padding-bottom: 55px;}
.jldateil ul li{ }
.jldateil ul li .detail{ margin-bottom: 30px; }
.jldateil li .em{ position: static; display: block; width: 100%; height: 50px; border-top: 1px solid #e5e5e5; margin-top: 40px; padding-top: 25px; }
.jldateil li .em i{ height: 50px; line-height: 50px;}
.bank{ position: absolute; width: 16px; height: 16px; top: 40px; right: 40px; z-index: 2;}



/* 团队风采  */
.itemtop{ margin-bottom: 50px;}
.teamtit{ text-align: center; padding: 46px 0 30px; }
.teamtit p{ font-family: simhei; color: #b2b2b2; text-transform: uppercase;}
.teamtit h5{ font-weight: normal; font-size: 50px; color: #222;}
.teamtit i{ display: inline-block; width: 15px; height: 3px; background: #b7b7b7;}
.teamtit.white h5{ color: #fff;}

.topswiper ul li{ transform: scale(0.85);     
    -webkit-transition: transform 1s;
    -moz-transition: transform 1s;
    -ms-transition: transform 1s;
    -o-transition: transform 1s;
 }

.midswiper ul li img{ width: 100%; height: 259px;}
.topswiper ul li img{ width: 100%; height: 100%; max-height: 338px;}
.topswiper ul li:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,112,254,0.4);}
.topswiper ul li.swiper-slide-active{ transform: scale(1.15);}
.topswiper ul li.swiper-slide-active:after{ display: none;}

.topswiper .swiper-button-prev,
.topswiper .swiper-button-next{ width: 47px; height: 54px; opacity: 0.6;}
.topswiper .swiper-button-prev{ background: url(../images/tleft.png) no-repeat center; left: 275px}
.topswiper .swiper-button-next{ background: url(../images/tright.png) no-repeat center; right: 275px;}
.topswiper .swiper-button-prev:hover,
.topswiper .swiper-button-next:hover{ opacity: 1;}

.topswiper p{ text-align: center; color: #222; font-size: 16px; margin-top: 30px;}


.tiemid{ background: url(../images/itebg.jpg) no-repeat center ; height: 651px;}
.tiemid .wrapper{ position: relative; padding: 0 65px;}

.tiemid ul li .txt{   padding: 24px 25px 40px; color: #fff; transition: 450ms; }
.tiemid ul li h3{ margin: 0 0 20px; font-weight: normal; font-size: 18px; transition: 0s;}
.tiemid ul li p{ line-height: 24px;  color: rgba(255,255,255,0.8); transition: 200ms;}
.tiemid ul li:hover .txt{background: #0070fe;color: #fff; }


.tiemid .swiper-button-prev,
.tiemid .swiper-button-next{ top: 295px; width: 15px; height: 29px; opacity: 0.5; margin: 0; outline: none;}
.tiemid .swiper-button-prev{ background: url(../images/lll.png) no-repeat center; left: 0}
.tiemid .swiper-button-next{ background: url(../images/rrr.png) no-repeat center; right: 0;}
.tiemid .swiper-button-prev:hover,
.tiemid .swiper-button-next:hover{ opacity: 1;}
.tiemid ul li:hover .txt{ opacity: 1;}

.itefot{ background: #f3f5f6; padding-bottom: 60px;}
.fotswiper li { position: relative;}
.fotswiper li img{ width: 100%; height: 515px;}
.txtbg{position: absolute; right: 0; top: 0;   color: #fff; width: 278px; height: 515px; background: rgba(0,112,254,0.9); box-sizing: border-box; padding: 37px ; transition: 450ms;}
.txtbg h5{ font-size: 30px; font-family: 'din-bold-webfont'; font-weight: normal; text-transform: uppercase; width: 150px; line-height: 34px; display: block; margin-top: 95px;}
.txtbg span{ display: block; font-size: 18px; margin: 5px 0 15px;}
.txtbg i{ display: block; width: 24px; height: 2px; background: #fff;}
.txtbg p{ line-height: 24px; color: rgba(243,245,246,0.8); margin-top: 38px; height: 96px; overflow: hidden;}

.enclick{ position: absolute; left: -18px; top: 50%; width: 18px; height: 39px; background: url(../images/aal1.png) no-repeat center; width: 18px; height: 39px; margin-top: -20px; cursor: pointer;}

.enclick.on{ background-image: url(../images/aal.png);}
.txtbg.on{ right: -278px;}

.fotswiper .swiper-pagination span{ background: rgba(255,255,255,0.8); opacity: 0.7; }
.fotswiper .swiper-pagination .swiper-pagination-bullet-active{ background: #007AFF; opacity: 1;}







 /* 项目   */
.iacase{}
.iacase ul{ width: 1305px;}
.iacase li{ float: left; width: 330px; margin-right: 102px; margin-bottom: 55px;}
.iacase li .name{ line-height: 48px; height: 48px; font-size: 20px; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.iacase li p{ color: rgba(51,51,51,0.8); line-height: 24px; margin-bottom: 22px;}
.iacase li i{ color: #333; display: inline-block; padding-right: 30px; background: url(../images/jt1.png) no-repeat center right;}
.iacase li:hover .name{ color: #007AFF; font-weight: bold;}
.iacase li:hover i{ background-image: url(../images/jt2.png);}

.iacase li .img{ height: 206px; overflow: hidden;}
.iacase .m-page{ margin-top: 0;}



.caselist{}
.caselist ul{ width: 1230px;}
.caselist li{ position: relative; float: left; width: 284px; height: 260px; margin-right: 21px; margin-top: 61px;}
.caselist li .img{ position: relative; width: 284px; height: 221px; line-height: 220px; box-sizing: border-box; border: 1px solid #dcdcdc; background: #fff; overflow: hidden;}
.caselist li .img .bra{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(1,102,255,0.9) url(../images/mm.png) no-repeat center top 68px; color: #fff; line-height: 240px; text-align: center; font-size: 16px; opacity: 0;}
.caselist li p{ font-size: 16px; color: #333; text-align: center; margin-top: 18px;}

.caselist li:hover p{ opacity: 0;}
.caselist li:hover .bra{ opacity: 1;}




.mapp{ }
.mapp img{ height: 717px;}

.addlista{ width: 1200px; height: 170px; box-sizing: border-box; box-shadow: 0 0 10px rgba(31,31,31,0.14); background: #fff; margin:-170px auto 0; z-index: 2; position: relative; text-align: center;}
.addlista ul{ display: inline-block;}
.addlista li{ float: left; text-align: left; padding-left: 47px;  cursor: pointer; margin-top: 59px;}
.addlista li p{ height: 30px; color: rgba(34,34,34,0.4); font-size: 16px;}
.addlista li em{ color: #222; margin-right: 5px; display: inline-block;}
.addlista li div{ line-height: 24px; color: #555;}
.addlista li:nth-child(1){ background: url(../images/add1.png) no-repeat top left;}
.addlista li:nth-child(2){ background: url(../images/add2.png) no-repeat top left; margin-left: 105px; margin-right: 105px;}
.addlista li:nth-child(3){ background: url(../images/add3.png) no-repeat top left;}
.addlista li:hover em{ color: #007AFF;}





/* 关于我们   */
.aboutA{  margin-top: 50px; line-height: 26px; color: #5e5e5e; text-align: justify;}
.aboutA h5 { text-align: center; font-size: 36px; color: #222222; margin-bottom: 15px; line-height: 40px;}
.aboutA h6 { font-size: 20px; font-weight: normal; color: #797979; text-align: center;}


.wenhua{position: relative; background: url(../images/aboutbg1.jpg) no-repeat top center;  height: 703px; margin-top: 60px; }
.abimg{ text-align: center; }


.whlist{ position: relative; margin-top: 55px; height: 260px;}
.whlist li{ position: absolute; width: 185px; height: 212px; box-sizing: border-box; padding: 24px 21px;  z-index: 1; color: #222222; display: table; cursor: pointer;}
.whlist li:after{ position: absolute; left: 0px; top: 0; content: ''; background: url(../images/whlbg.png) no-repeat center;  width: 100%; height: 100%; z-index: -1; opacity: 0; transition: 500ms;}

.whlist li .bg{ display: table-cell; vertical-align: middle; background: url(../images/whlbg0.png) no-repeat center; width: 100%; height: 100%; text-align: center; width: 143px; height: 164px;}
.whlist li img{ height: 37px; margin-bottom: 3px;}
.whlist li.li1{ left: -10px; top: 66px; }
.whlist li.li2{ left: 199px; }
.whlist li.li3{ left: 405px; top: 66px;}
.whlist li.li4{ right: 401px; }
.whlist li.li5{ right: 196px; top: 66px;}
.whlist li.li6{ right: -10px; }
.whlist li:hover:after{ opacity: 1;}

.whab{ position: absolute; left: 0; right: 0; bottom: 0; width: 206px; height: 137px; background: url(../images/whab.png) no-repeat center ; text-align: center; box-sizing: border-box; padding-top: 53px; margin: auto; color: #fff; font-size: 12px; line-height: 18px;}


.rongyu{ background: #fff; padding-bottom: 60px }
.rongyu li{ font-size: 16px; color: #444; text-align: center;}
.rongyu li .img{ padding: 4px; border: 2px solid #ddd;}
.rongyu li .img img{ width: 366px; height: 244px;}
.rongyu li p{ margin-top: 12px;}
.rongyu .swiper-container{ padding-bottom: 85px;}
.rongyu .swiper-pagination span{ background: url(../images/swb.jpg) no-repeat center; width: 19px; height: 19px; opacity: 1; margin: 2px;}
.rongyu .swiper-pagination .swiper-pagination-bullet-active{ background-image: url(../images/swb1.png) }

.zhuzhi{ background: url(../images/aboutbg2.jpg) no-repeat center top; height: 650px; text-align: center;}


.busine{ background: url(../images/bingbg.jpg) no-repeat top center;}
.busine .teamtit{ margin-bottom: 10px; }
.busine li { padding: 10px; box-sizing: border-box; cursor: pointer;}
.busine li div{ width: 90px; height: 90px; text-align: center;line-height: 90px; border-radius: 50%; background: #0070fe ; font-size: 26px; font-family: 'din-medium-webfont'; color: #fff; margin: auto; border: 6px solid #0070FE}

.busine .adcm li.on ,
.busine .adcm li:hover { transform: scale(1.1);}
.busine .adcm li.on div,
.busine .adcm li:hover div{ background: #323c6b;  }


.fotswp{   margin-top: 80px; position: relative; /* height: 235px;*/ padding-bottom: 80px;}
.fotswp .odsp{ /*position: absolute; top: 0; left: 0;*/display: none;  width: 100%; height: 100%; z-index: -2; opacity: 0; transition: 0s;}

.fotswp .odsp.on{ z-index: 2; opacity: 1;display: block;}
.fotswp .swiper-slide{ padding: 20px 25px; background: #fff; box-sizing: border-box; cursor: pointer;}
.fotswp .swiper-slide h6{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 26px; color: #3a3a3a; text-align: center;}
.fotswp .swiper-slide .content{ color: #6e6e6e; line-height: 26px; text-align: justify; min-height: 156px; overflow: hidden;}












.kpbox{ padding: 40px 0 75px; }
.kpbox dl{ text-align: center;}
.kpbox dt{ font-size: 14px; font-family: simhei; color: #b2b2b2; text-transform: uppercase;}
.kpbox dd{ }
.kpbox dd p{font-size: 50px; color: #222222; }
.kpbox dd i{ width: 16px; height: 3px; background: #b7b7b7; display: inline-block;}
.kpbox ul{ position: relative; height: 560px; margin-top: 50px;  }

.kpbox li{ position: absolute;display: table;}
.kpbox li a{ display: table-cell; vertical-align: middle; text-align: center;  cursor: pointer;}
.kpbox .img{ width: 55px; height: 55px; margin: auto;}
.kpbox .img em{ display: none;}
.kpbox li strong{ font-size: 22px; font-weight: normal; color: #222; display: block; text-align: center; margin: 15px 0 10px;}
.kpbox li p{ font-size: 14px; color: rgba(34,34,34,0.5); font-family: simhei; margin-bottom: 12px;}
.kpbox li span{ width: 16px; height: 3px; background: #036aff;  display: inline-block;}

.kpbox .li1{ width: 295px; height: 340px; background: url(../images/kpbg1.png) no-repeat center; left: 106px; top: 74px;  background-size: cover;}
.kpbox .li2{ width: 370px; height: 426px; background: url(../images/kpbg2.png) no-repeat center; left: 415px; top: 133px; background-size: cover}
.kpbox .li3{ width: 295px; height: 340px; background: url(../images/kpbg3.png) no-repeat center; right: 105px; top: 170px; background-size: cover}
.kpbox .li4{ width: 205px; height: 235px; background: url(../images/kpbg4.png) no-repeat center; top: 0; right: 290px; pointer-events: none;background-size: cover}

.kpbox .li1:hover{ background-image: url(../images/kpbg02.png) ;}
.kpbox .li2:hover{ background-image: url(../images/kpbg02.png) ;}
.kpbox .li3:hover{ background-image: url(../images/kpbg02.png) ;}

.kpbox li:hover .img i{ display: none;} 
.kpbox li:hover .img em{ display: block;} 
.kpbox li:hover strong{ color: #fff;}
.kpbox li:hover p{ color: rgba(255,255,255,0.5);}
.kpbox li:hover span{background: #fff;}





/*panel*/
.m-panel .panel-lt{float: left;width: 18.7%;}
.m-panel .panel-rt{float: right;width: 81.3%;}
.m-panel .panel-pdrt-0{padding-right: 0;}
.m-panel .nav{padding-top: 56px;width: 170px;}
.m-panel .nav .main{border-top:2px solid rgba(8,99,255,.3);border-right:2px solid rgba(8,99,255,.3);border-left:2px solid rgba(8,99,255,.3);}
.m-panel .nav .main .item{position: relative; height: auto;padding: 0; font-size: 16px;line-height: 50px; font-weight: bold;text-align: center; color: #0863ff;}
.m-panel .nav .main .item:before{content: ""; position: absolute;left: -2px;top:-2px;width: 36px;height: 54px; background-image: url(../images/nav_main.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}
.m-panel .nav .secondary{border:2px solid #d7d7d7;}
.m-panel .nav .secondary .item{height: auto;padding: 0; font-size: 16px;line-height: 50px;text-align: center;color: #444444;cursor: pointer;}
.m-panel .nav .secondary .item+.item{border-top: 1px solid #d7d7d7;}
.m-panel .nav .secondary .item:hover,.m-panel .nav .secondary .item.active{color: #0863ff;}

.m-news-party{position: relative;}
.m-news-party .list{}
.m-news-party .list .item{position: relative;display: block;height: auto; padding-top: 43px;padding-bottom: 43px;padding-left: 145px;padding-right: 276px; cursor: pointer;}
.m-news-party .list .item:before{content: ""; position: absolute;left: 118px;right: 0;bottom: 0; height: 1px;background-color:#e3e3e3;}
.m-news-party .list .img{position: absolute;overflow: hidden; right: 0;top: 43px;width: 190px;height: 126px;}
.m-news-party .list .img>img{width: 100%;}
.m-news-party .list .day,.m-news-party .list .time,.m-news-party .list .title{display: inline-block;vertical-align: middle;}
.m-news-party .list .day{position: absolute;left: 0;top:56px; font-family: dincond-medium;font-size: 32px;line-height: 1; color: #666;}
.m-news-party .list .title{position: relative;padding-top: 16px; font-size: 18px;line-height: 26px;font-weight: bold; color: #222;
overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.m-news-party .list .desc{padding-top: 17px; font-size: 14px; line-height: 26px;color: #666;
    height: 71px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.m-news-party .list .time{padding-right: 37px;}
.m-news-party .list .time i{display: inline-block;vertical-align: middle;}
.m-news-party .list .time p{display: inline-block;vertical-align: middle;font-size: 12px;line-height: 26px;color: #888;}
.m-news-party .list .item i.arrow{position: absolute;left: 0;top: 118px;display: inline-block; vertical-align: middle;width: 42px;height: 30px; background-image: url(../images/arrow_right.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.m-news-party .list .item:hover .title{color: #0863ff;}
.m-news-party .list .item:hover i.arrow{background-image: url(../images/arrow_right_high.jpg);}


.info_title_btn{width: 655px;height: 50px;margin-top: 30px;display: flex;justify-content: space-between;align-items: center;}
.info_title_btn_l{width: 350px;height: 100%;font-size: 14px;color: #999;text-align: center;line-height: 50px;border: 1px solid #3185c4;border-radius: 5px;background-color: #f1f9ff;}
.info_title_btn_c{width: 120px;height: 100%;border: 1px solid #3185c4;border-radius: 5px;background-color: #f1f9ff;position: relative;overflow: hidden;color: #3185c4;line-height: 50px;text-align: center;font-weight: bold;font-size: 18px;}

.info_title_btn_c input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
}
.info_title_btn_c:hover {
    background: #AADFFD;
    border-color: #78C3F3;
    color: #004974;
}
.info_title_btn_r{width: 160px;height: 50px;background-color: #3185c4;border-radius: 5px;display: flex;align-items: center;justify-content: center;}
.info_title_btn_r img{margin-right: 5px;}
.info_title_btn_r span{font-size: 18px;color: #fff;font-weight: bold;}